@import '../../../../styles/common';
.next-form-item-control{
	width:100%
}
.next-dialog-confirm{width:auto}
.next-dialog-confirm .next-feedback .next-icon-help{display:none}
.next-feedback.next-feedback-large .next-feedback-title{padding:0}
$mvc-width:100%;
.todoMVC-container {
  width: $mvc-width;
  .input-area{
    float:right;
    margin-left:40px;
    width:70%;
  }
  .tool-icon{
	font-size:58px
  }
  .tool-item:hover{
	color:#03a9f4;
  }
  .event-list{
    width: $mvc-width;
    margin-top: 20px;
    .event-item{
      height: 40px;
      line-height: 40px;
      &>a{
        float: right;
        margin-left: 20px;
      }
    }
  }
  .navbar-inner .next-btn-group{margin-bottom:-1px}
  .navbar-inner {
    min-height: 40px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
	margin-bottom:10px;
    background: #fbfbfb;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    box-shadow: 0 1px 4px rgba(0,0,0,0.065);
	}
	
	.demo {
    padding-top: 10px;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
	}

	.demo-title {
		margin-left: 20px;
	}

	.demo-row {
		margin: 10px 0;
	}

	.demo-col-inset {
		min-height: 30px;
		border:1px solid #CCC;
		border-radius: 3px;
		background-color:#ECECEC;
		line-height: 30px;
		text-align: center;
	}
	.next-navigation-tree .next-navigation-item-content-inner{
		padding:0 15px;
	}
	.qn-navigation-vertical{height: 40px;line-height: 40px;background-color:#F2F2F2;color:#666666}
	.tool-item{
	  color:#999;
	  text-align:center;
	  border: 1px dashed gray;
	  backgroundColor: #FFFFFF;
	  padding: 0.5rem 1.5rem;
	  margin: 0.45rem;
	  cursor: move;
	  float: left;
	  position:relative;
	  .badge{
		position:absolute;
		right:0;
		top:0.2rem;
		color: #fff;
		background: #f33;
		text-align: right;
		white-space: nowrap;
		border-radius: 8px;
		width: auto;
		height: 16px;
		min-width: 16px;
		padding: 0 4px 0 4px;
		font-size: 12px;
		line-height: 16px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);

	  }
	  .tool-text{margin:0 -1.5rem;color:#808080}
  }
  .phone-wrapper {
    width: 320px;
    min-height: 400px;
    margin: 30px auto;
    box-shadow: 0px 0px 15px rgba(0,0,0,.2);
    position: relative;
	.phone-top {
		background: url(//img.alicdn.com/tps/TB1RyyyKVXXXXahXVXXXXXXXXXX-320-22.png) center bottom no-repeat;
		width: 100%;
		height: 22px;
		margin: 30px auto 0;
	}
	.phone-search {
		background: url(//img.alicdn.com/tps/TB1RgaHKVXXXXXeXFXXXXXXXXXX-320-41.png) center bottom no-repeat;
		width: 100%;
		height: 41px;
		position: relative;
	}
	.word {
		color: #bbbdbf;
		font-size: 13px;
		height: 41px;
		line-height: 41px;
		margin-left: 61px;
		white-space: nowrap;
		width: 175px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.phone-rule-wrap {
		position: relative;
		.phone-rule {
			position: absolute;
			background: url(https://img.alicdn.com/imgextra/i3/27390555/TB2N18vgYJmpuFjSZFwXXaE4VXa-27390555.png) no-repeat 0 0;
			width: 116px;
			height: 49px;
			z-index: 1;
			right: -126px;
			top: 560px;
		}
	}
	.phone-bottom {
		width: 100%;
		height: 14px;
		margin: 0 auto;
		position: relative;
		.module-num {
			position: absolute;
			background: #999;
			width: 320px;
			height: 14px;
			left: 0;
			color: #fff;
			text-align: center;
			font-size: 10px;
			line-height: 16px;
		}
	}
	.module-placeholder {
		height: 330px;
	}
	.module-placeholder:after {
		content: "亲，您还未添加任何模块，请将左侧模块拖动到这里开始装修哦~";
		text-align: center;
		display: inline-block;
		padding: 24px 59px 0;
		z-index: 10;
		color: #7f8797;
		width: 100%;
		border: 2px dashed #acb2be;
		height: 90px;
		background-color: #dadde4;
		margin-bottom: 240px;
		line-height: 20px;
		font-size: 12px;
		box-sizing: border-box;
		position: relative;
		top: 0;
	}
	.module-placeholder-hover:after{ display: none!important; }
	.dragBox { width: 320px; height: 44px; background-image: url('http://gw.alicdn.com/tfscom/TB1GWBnKFXXXXXwXFXXWfYRMpXX-320-44.png'); background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 0.4rem; box-sizing: border-box; z-index: 11; position: relative; }
	table td{
		border:none;
		.next-table-cell-wrapper{padding:0}
		img {display:block}
	}
	.active-widget {
		box-shadow: 0 0 15px #d65600;
		margin-bottom: 4px;
		margin-top: 4px;
		position: relative;
		z-index: 201;
	}
	.icon {
		text-indent: -9999px;
		right: -32px;
		position: absolute;
		z-index: 4;
		display:none;
	}
	.show{display:block}
	.up, .down, .del, .add {
		width: 32px;
		height: 32px;
		z-index: 2;
		background: url(//img.alicdn.com/tps/i4/TB10wIyKVXXXXbKaXXX1SJtIXXX-64-96.png) no-repeat -31px 0 #7f8798;
		cursor: pointer;
	}
	.up {
		background-position: -32px 0;
	}
	.up:hover {
		background-position: 0 0;
	}
	.down:hover {
		background-position:1px 0;
	}
	.down {
		transform: rotate(180deg);
	}
	.del:hover {
		background-position: 0 -32px;
	}
	.del {
		background-position: -32px -32px;
	}
	.up:hover, .down:hover, .del:hover, .add:hover {
		background-color: #ff5000;
	}
  }
}
.hide {display:none} 